<template>
	<div class="bonus-container">
		<span class="colored">积分</span>奖励积分{{bonus}}
	</div>
</template>
<script>
export default{
	name:'Bonus',
	props: ['bonus']
}
</script>
<style lang='less' scoped>
.bonus-container{
	font-size: 0.32rem;
	color: #888;
	span{
		height: .43rem;
		display: inline-block;
		border: 1px solid #FF4040;
		border-radius: .1rem;
		padding: 0 .05rem;
		margin-right: .2rem;
		vertical-align: middle;
    	line-height: .43rem;
	}
}
</style>